
/* header */
.head{
    width: 100%;
    padding: 0 .47rem;
    display: flex;
    justify-content: space-between;
    z-index: 999;
}
    .head-left{
        display: flex;
        align-items:center;
        cursor: pointer;
    }
    .head-left img{
        width: .494rem;
        margin-right: .202rem;  
    }
    .head-left p{
        font-size: .24rem;
        line-height: .494rem;
        height: .494rem;
    }
    .head-right{
        height:.6rem;
        /* width: 50%; */
        width: 30%;
        display: flex;
        justify-content:space-between;
        margin: 0;
    }
    .head-right li{
        height:.6rem;
        position: relative;
    }
    .head-right li a{
        font-size: .18rem;
        line-height:.6rem;
        padding: .3rem 0;
    }
    .head-right li:hover a{
        color: #47D8BF;
    }
    /* 注册 */
    .head-right li:last-child a{
        background:#47D8BF; 
        box-shadow:0 0 8px 0 rgba(172,207,201,0.53); 
        border-radius: 1.06rem;
        padding: .05rem .2rem;
        color: #fff;
    }
    .head-right .head-btn a{
        background:#47D8BF; 
        box-shadow:0 0 8px 0 rgba(172,207,201,0.53); 
        border-radius: 1.06rem;
        padding: .05rem .2rem;
        color: #fff;
    }
    .head-right .head-btn:hover a{
        color: #fff;
    }
    .head-right li div{
        width: 100%;
        position: absolute;
        bottom: 0;
        display: none;
    }
    .head-right li span{
        width: .26rem;
        height: .04rem;
        background: #47D8BF;
        display: block;
        margin: 0 auto;
    }

/* banner */
.banner{
    width: 100%;
    /* height: 100%; */
    /* background: #999; */
}


/* footer */
.foot{
    width: 100%;
    background: #444;
    color: #fff;
    padding-top: .63rem;
}
    .foot-top{
        width: 100%;
        margin: 0 auto;
    }
    .foot-top h1{
        font-size: .22rem;
        text-align: center;
    }
    .foot-div{
        width: 51.4%;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        margin-top:.38rem; 
        margin-bottom: .59rem;
        font-size: .14rem;
    }
    .foot-div a{
        color: #fff;
    }
    .foot-bottom{
        width:100%;
        border: 1px solid #545454;
        margin: 0 auto;
    }
    .foot-bottom p{
        text-align: center;
        width: 100%;
        height: .6rem;
        line-height: .6rem;
        font-size: .14rem;
    }
    
    /* 手机适配 */
    @media only screen and (max-width:700px) {
        .head-left p{
            font-size: 14px;
        }
        .head-left img{
            width: 20px; 
        }
        .head-right{
            height: 1.5rem;
            width: 70%;
        }
        .head-right li{
            height: auto;
        }
        .head-right li a {
            line-height: .9rem;
            height: 1.5rem;
            display: block;
            font-size: 14px;
        }
        .head-right li:last-child{
            padding-top: .2rem;
        }
        .head-right li:last-child a {
            height: 1rem;
            padding: .05rem .4rem;
        }
        .head-right li span {
            width: .7rem;
            height: .1rem;
        }
        .head-right .head-btn a{
            margin-top: .2rem;
            height: 1rem;
            padding: .05rem .4rem;
        }
        .foot-top h1{
           font-size: 20px;
        }
        .foot-div{
            font-size: 12px;
            width: 80%;
            flex-wrap: wrap;
        }
        .foot-div span{
            width: 100%;
            text-align: center;
            line-height: 1rem;
        }
        .foot-bottom{
            padding:.5rem 0;
        }
        .foot-bottom p{
            line-height: 1rem;
        }
        .foot-bottom p{
            font-size: 12px;
        }
    }